<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
                 type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        title="Tabbox focus testing">

  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>

  <script type="application/javascript"
          src="../common.js" />
  <script type="application/javascript"
          src="../role.js" />
  <script type="application/javascript"
          src="../states.js" />
  <script type="application/javascript"
          src="../events.js" />

  <script type="application/javascript">
    //gA11yEventDumpID = "eventdump"; // debug stuff
    //gA11yEventDumpToConsole = true; // debug stuff

    var gQueue = null;
    function doTests()
    {
      if (MAC) {
        todo(false, "Tests disabled because of imminent failure.");
        SimpleTest.finish();
        return;
      }

      // Test focus events.
      gQueue = new eventQueue();

      var textbox = getNode("textbox").inputField;
      gQueue.push(new synthClick("tab1", new focusChecker("tab1")));
      gQueue.push(new synthTab("tab1", new focusChecker("checkbox1")));
      gQueue.push(new synthKey("tab1", "VK_TAB", { ctrlKey: true },
                               new focusChecker(textbox)));
      gQueue.push(new synthKey("tab2", "VK_TAB", { ctrlKey: true },
                               new focusChecker("tab3")));
      gQueue.push(new synthKey("tab3", "VK_TAB", { ctrlKey: true },
                               new focusChecker("tab1")));

      gQueue.invoke(); // Will call SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTests);
  </script>

  <hbox flex="1" style="overflow: auto;">
    <body xmlns="http://www.w3.org/1999/xhtml">
      <a target="_blank"
         href="https://bugzilla.mozilla.org/show_bug.cgi?id=370396"
         title="Control+Tab to an empty tab panel in a tabbox causes focus to leave the tabbox">
        Mozilla Bug 370396
      </a>
      <p id="display"></p>
      <div id="content" style="display: none"></div>
      <pre id="test">
      </pre>
    </body>

    <vbox flex="1">
      <tabbox>
        <tabs>
          <tab id="tab1" label="Tab1" selected="true"/>
          <tab id="tab2" label="Tab2" />
          <tab id="tab3" label="Tab3" />
        </tabs>
        <tabpanels>
          <tabpanel orient="vertical">
            <groupbox orient="vertical">
              <checkbox id="checkbox1" label="Monday" width="75"/>
              <checkbox label="Tuesday" width="75"/>
              <checkbox label="Wednesday" width="75"/>
              <checkbox label="Thursday" width="75"/>
              <checkbox label="Friday" width="75"/>
              <checkbox label="Saturday" width="75"/>
              <checkbox label="Sunday" width="75"/>
            </groupbox>

            <spacer style="height: 10px" />
            <label value="Label After checkboxes" />
          </tabpanel>
          <tabpanel orient="vertical">
            <textbox id="textbox" />
          </tabpanel>
          <tabpanel orient="vertical">
            <description>Tab 3 content</description>
          </tabpanel>
        </tabpanels>
      </tabbox>

      <vbox id="eventdump"/>
    </vbox>
  </hbox>
</window>
